<template>
	<view class="app"  @click="closeBtn">
		<view class="kfWX" >
			<slot />
		</view>
	</view>
</template>

<script>
	import {mapGetters} from 'vuex'
	export default {
		props:{
		},
		components: {
		},
		data() {
			return {
				imgUrl:this.$apiFun.imgUrl,
				host:this.$apiFun.host,
			}
		},
		computed:{
		},
		async mounted() {
		},
		methods: {
			closeBtn(){
				this.$emit('closeBtn')
			}
		},
		onReachBottom() {
			
		}
	}
</script>

<style scoped lang="less">
	page{
		width: 100%;
		height: 100%;
		.app{
			width: 100%;
			height: 100%;
			.kfWX{
				position: fixed;
				width: 100%;
				top: 0;
				z-index: 10;
				left: 0;
				background: rgba(0, 0, 0, .7);
				height: 100%;
				display: flex;
			}
		}
	}
</style>
